---
title: Authentication Blocks
description: Secure and stylish authentication flows with retro aesthetics.
---

## Authentication Blocks

Secure and stylish authentication flows with retro aesthetics. Perfect for login pages, signup forms, and user authentication interfaces.

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 my-6">
  <a href="/docs/blocks/authentication/login-form" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Login Form</h4>
    <p className="text-sm text-muted-foreground">Simple login form with email and password</p>
  </a>
  <a href="/docs/blocks/authentication/login-page" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Login Page</h4>
    <p className="text-sm text-muted-foreground">Two column login with cover image</p>
  </a>
  <a href="/docs/blocks/authentication/login-form-2" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Login Form with Icons</h4>
    <p className="text-sm text-muted-foreground">Login form with social login icons</p>
  </a>
  <a href="/docs/blocks/authentication/login-form-with-image" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Login Form with Image</h4>
    <p className="text-sm text-muted-foreground">Compact login with side image</p>
  </a>
</div>

